<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>cssgrids - KISSY Docs</title>
<link rel="stylesheet" href="../assets/base-min.css"/>
<link rel="stylesheet" href="../assets/docs.css"/>
</head>
<body class="w866">
<div id="header">
    <a class="logo" href="../index.html"><img src="../assets/logo.png" alt="KISSY" width="138" height="74"/></a>
    <p class="rel-nav">
        <a href="http://github.com/kissyteam/kissy/blob/master/src/cssgrids/">src files</a>
    </p>
</div>
<div id="content" class="layout grid-s232m0">
    <div class="col-main">
        <div class="main-wrap">
            <p>双飞翼布局的由来：渐进增强式布局探讨（<a href="http://lifesinger.org/blog/2008/11/pe-layout-1/">上</a>）（<a href="http://lifesinger.org/blog/2008/11/pe-layout-2/">下</a>）</p>
            <ul>
                <li>源码文件：<a href="http://github.com/kissyteam/kissy/blob/master/src/cssgrids/grids.css">grids.css</a></li>
                <li>测试页面：<a href="http://kissyteam.github.com/kissy/src/cssgrids/grids-taobao.html">grids-taobao.html</a></li>
                <li>命名规则和样式生成工具：<a href="http://kissyteam.github.com/kissy/src/cssgrids/css-generator.html">css-generator.html</a></li>
            </ul>

            <h3>使用说明</h3>
            <ol>
                <li>在页面中引入 grids-min.css 或 reset-grids-min.css</li>
                <li>利用生成工具 css-generator.html, 生成需要的布局样式</li>
                <li>所有布局的 DOM 结构是一样的，可参考 grids-taobao.html</li>
                <li>在布局的 className 中添加 layout grid-sXm0eY</li>
            </ol>
        </div>
    </div>
    <div class="col-sub">
        <div class="sub-wrap">
            <div class="loc"><a href="../index.html">home</a> &rsaquo; cssgrids :</div>
            <div class="toc">
                <h3>Files</h3>
                <ul>
                    <li><a href="http://github.com/kissyteam/kissy/blob/master/src/cssgrids/grids.css">grids.css</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <p class="copyright">&copy; 2009 - 2029 KISSY UI LIBRARY</p>
</div>
</body>
</html>
